---
title: "combo chart · RUAL Documentation"
description: "Combination line and bar chart"
canonical: https://docs.rual.nl/block-types/Component UI/component_apexcharts_combo
language: en
---

# combo chart

This block is part of the [`Component UI`](https://docs.rual.nl/block-types/Component%20UI) group and was last modified in core [`v10.6.7`](https://docs.rual.nl/core-versions/100607).

Combination line and bar chart

- Name required `value`

- Data `array`

- X Axis required `fielddefinitions`

- Y Axis line required `fielddefinitions`

- Y Axis bar required `fielddefinitions`

- Row Colors `array` Default `#fff`

- Height `number`

- Data colors `array`

- Theme `value`

- Color palette `value` Sets the color palette for the columns

Default `palette1`

- Bar Width `number` Width of the bars

Default `50`

- Curve `value`

- Marker size `number`

- Show data labels `condition`

- Label Position `value` Position of the Data Label, options: Top, Center, Bottom

Default `center`

- Label fontsize `value` Default `12px`

- Label Color `value` Default `#fff`

- uicomponent `uicomponent`

| `graph` |
| --- |

A typical wiring for [combo chart](https://docs.rual.nl/block-types/Component%20UI/component_apexcharts_combo): [value](https://docs.rual.nl/block-types/value/value_default) feeds the `co-name` pin; [combine](https://docs.rual.nl/block-types/fields/fielddefinitions_multiple) feeds the `co-xaxis` pin; [combine](https://docs.rual.nl/block-types/fields/fielddefinitions_multiple) feeds the `co-yaxis` pin; [combine](https://docs.rual.nl/block-types/fields/fielddefinitions_multiple) feeds the `co-yaxis-bar` pin; the `uicomponent` out pin feeds [build PDF](https://docs.rual.nl/block-types/files/file_generate_pdf).

![Studio canvas example for the combo chart block: typical wiring for combo chart.](https://docs.rual.nl/canvas-examples/component_apexcharts_combo.png)

### Version history

Introduced in [`v10.6.7`](https://docs.rual.nl/core-versions/100607).